<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>jizhiCMS模板标签助手_jizhiCMS标签助手_jizhiCMS标签生成器_小郭博客</title>
	<meta name="keywords" content="jizhiCMS模板标签助手,jizhiCMS标签助手,jizhiCMS模板开发助手" />
	<meta name="description" content="jizhiCMS标签助手高效版，jizhiCMS模板开发助手，网站建设，专业仿站，前端切图，CMS二次开发，联系qq：594649546" />
	<script src="js/jquery.min.2.1.4.js"></script>
    <script src="js/url_js.js?v=1"></script>
	<script src="js/clipboard.js"></script>
	<style>
    ::-webkit-scrollbar {width: 4px; height: 1px; }
    ::-webkit-scrollbar-thumb {border-radius: 10px; background: #e8e8e8; }
    ::-webkit-scrollbar-track {border-radius: 10px; background: #EDEDED; }
		*,*:before,*:after{box-sizing:border-box;}
        html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
        body{font-size:16px;font-family:"Microsoft YaHei",Helvetica,"SimSun",Arial,sans-serif;}
        .warp{width:100%;height:100%;display:flex;}

        .main {
            width: 100%;
            height: 100%;
            overflow-y: auto;
        }

        .menu-left {
            width: 15%;
            overflow-y: auto;
            display: none;
        }
        .menu-right{
            width: 20%;
            overflow-y: auto;
            display: none;
            position: relative;
            font-size: 14px;
        }
        .menu-right a {
            transition: .2s;
            padding: 0 8px;
            display: inline-block;
            color: #4d8af9;
        }
        .menu-right a:hover {
            background-color: #73c1ff;
            color: #ffffff;
        }
        .main {
            padding: 20px 10px;
        }
        .powered {
            position: absolute;
            bottom: 10px;
            color: #727272;
        }
		.andy_text {
		    width: 100%;
		    min-height: 90px;
		}
		input[type=text] {
		    outline: none;
		    border: 1px solid #2196F3;
		    padding: 4px 6px;
		    font-size: 14px;
		}

		button {
		    border: none;
		    outline: none;
		    background-color: #009688;
		    color: #ffffff;
		    padding: 6px 8px;
		    min-width: 85px;
		    font-size: 14px;
		    cursor: pointer;
		}

		.list h4 {
		    margin-bottom: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
		}
        textarea{ 
            resize:none;
            border: 1px solid #949494;
        }
        textarea:focus {
            outline: none;
            box-shadow: 0px 0px 2px 0px #73c1ff;
        }
        .list h4.shanshan{
            animation: text_yidong 0.6s 0.1s forwards, bgr_shan 0.5s 3 forwards ;
                        
        }

        @-moz-keyframes bgr_shan {
            0% {
                background-color: #73c1ff;
              }
            50% { 
                background-color: #c0e3ff;
            }
            100% {
                background-color: #73c1ff;
            }
        }

        @keyframes bgr_shan {
            0% {
                background-color: #73c1ff;
              }
            50% { 
                background-color: #c0e3ff;
            }
            100% {
                background-color: #73c1ff;
            }
        }
        @-moz-keyframes text_yidong {
            0% {
                padding-left: 0;
              }
            
            100% {
                padding-left: 15px;
            }
        }
        @keyframes text_yidong {
            0% {
                padding-left: 0;
              }
            
            100% {
                padding-left: 15px;
            }
        }
        @media (min-width: 992px) {
            .menu-left {
                display: block;
            }
            .menu-right{
                display: block;
            }
            .main {
                width: 65%;
            }
        }
        .others-link a {
            transition: 0.2s;
            color: #1c94fb;
        }

        .others-link a:hover {
            background-color: #10b3e4;
            color: #ffffff;
        }


	</style>
    <script>
        // 获取来源
        var ly = GetQueryString("ly") == null ? "f1" : decodeURIComponent(GetQueryString("ly").toString());

        $(function(){
            $("#"+ly).addClass('shanshan');
            $("#block_"+ly).insertBefore("#block_f1"); 
        })

    </script>
</head>
<body>
<div class="warp">
<div class="menu-left">
    
</div>
	<div class="main">
		<div class="list">
<div id="block_f1">
    <h4 id="f1">全站tag列表</h4>
<textarea class="andy_text" id="text_t1">
{loop table="tags" isshow="1" as="v"}
标签名：{$v['keywords']}
标签详情链接2：{fun U('tags/index',['tagname'=>$v['keywords']])}
标签详情链接2：{fun U('tags/index',['id'=>$v['id']])}
标签的数量：{$v['number']}  
汇集页链接：{fun U('tags/index')} 
{/loop}
</textarea>
    <button class="btn" data-clipboard-action="copy"  data-clipboard-target="#text_t1" type="button">复制</button>
    <p class="others-link" style="margin-top:4px;"><a href="show_rand.html?ly=f3">内容页tag标签>> </a></p>
</div>

<div id="block_f2">
<h4 id="f2">文章归档</h4>
<textarea class="andy_text" id="text_t2">
#选择时间倒序或者正序，看你需要
{loop table="article" orderby="addtime desc" ispage="1" isshow="1" limit="10"  as="v"}
#获取每条的日期
{php $date = date("Y-m-d",$v["addtime"]); /}
#第一条说明是第一个抬头日期，同时输出第一个标题
{if($v_n==1)}
<h1>{$date}</h1>
<h2>{$v["title"]}</h2>
{else}
#判断当前日期跟上一个日期是否相同
{if($date==$prevdate)}
如果相同，则为同个列表内，输出标题
<h2>{$v["title"]}</h2>
{else}
如果不同，则为下一个列表，同时创建<h1>日期，输出标题
<h1>{$date}</h1>
<h2>{$v["title"]}</h2>
{/if}

{/if}
#循环一次，记录一次当前的日期作为上一个日期
{php  $prevdate=$date; /}
{/loop}
#记录分页
{$v_pages}  
</textarea>
    <button class="btn" data-clipboard-action="copy"  data-clipboard-target="#text_t2" type="button">复制</button>
</div>

<div id="block_f3">
<h4 id="f3">友情链接</h4>
<textarea class="andy_text" id="text_t3">
{loop table="links" isshow="1" orderby="orders desc" as="v"}
<a target="_blank" href="{$v["url"]}" title="{$v["title"]}">{$v["title"]}</a>
{/loop}
{if(!$v_n)}
<a href="###">暂无友情链接内容，请后台添加!</a>
{/if}

</textarea>
    <button class="btn" data-clipboard-action="copy"  data-clipboard-target="#text_t3" type="button">复制</button>
</div>
		</div>
	</div>
<div class="menu-right">
    <div class="pd">
        <p><a class="link-to-index2" href="../index2.html">jizhicms模板标签大全文字版</a></p>
        <p><a class="link-to-index2" href="../index.html">jizhicms模板标签助手高效版</a></p>
        <p><a href="http://www.d163.net/">小郭博客首页</a></p>
        <p><a href="http://www.d163.net/html/study/" >学无止境 </a></p>
        <p><a href="http://www.d163.net/html/web2/">web前端</a></p>
        <p><a href="http://www.d163.net/html/news/">最新资讯</a></p>
        <p><a href="http://www.d163.net/webknow/" >建站知识 </a> </p>
        <p> <a href="http://www.d163.net/guestbook/" >给我留言 </a></p>
        <p> <a href="http://www.d163.net/about/" >关于我 </a></p>
        <p> <a href="http://www.d163.net/zanshang/" >赞赏我 </a> </p>
        <div class="powered">版权所有 AndyGuo 小郭博客 qq:594649546</div>
    </div>
</div>
</div>
<script src="js/autotextarea.js?v=1.0"></script>
<script type="text/javascript">
$(function(){
    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function(e) {
        $(e.trigger).text('复制成功');
        $(e.trigger).css('background-color','#4CAF50');
        
        setTimeout(function () { $(e.trigger).text('复制');$(e.trigger).css('background-color','#009688'); }, 1500);
        e.clearSelection();
    });

    clipboard.on('error', function(e) {
        console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
        alert('失败！');
    });

    var textCode = document.getElementById("text_t1");
    var textCode2 = document.getElementById("text_t2");
    var textCode3 = document.getElementById("text_t3");
    autoTextarea(textCode,10);
    autoTextarea(textCode2,10);
    autoTextarea(textCode3,10);

})

</script>

</body>
</html>